<style>
    .percom-shop-type button{
        padding: 10px;
        border: none;
        font-size: 14px;
        color: #f63e2c;
    }
    .percom-shop-type .active-type{
        background-color: #f63e2c;
        color: #fff;
    }
</style>
{if $show_tab == 1}
<div class="alert alert-success-light percom-shop-type">
    <button class="active-type percom-shop-type-item" data-url="{:url('performance/percom/index')}">本店方案</button>
    <button class="percom-shop-type-item" data-url="{:url('performance/percom/toppercom')}">总部方案</button>
</div>
{/if}
<div class="panel panel-default panel-intro">
    
    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <ul class="nav nav-tabs" data-field="status">
            <li class="{:$Think.get.status === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
            {foreach name="statusList" item="vo"}
            <li class="{:$Think.get.status === (string)$key ? 'active' : ''}"><a href="#t-{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
            {/foreach}
        </ul>
    </div>


    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('performance/percom/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <!--<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('performance/percom/edit')?'':'hide'}" title="{:__('Edit')}" > {:__('Edit')}</a>-->
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('performance/percom/del')?'':'hide'}" title="{:__('Delete')}" >{:__('Delete')}</a>
                        {if $show_copy == 1}
                        <a href="javascript:;" class="btn btn-warning btn-resubmit btn-disabled disabled {:$auth->check('performance/percom/resubmit')?'':'hide'}" title="{:__('铺设')}" >{:__('铺设')}</a>
                        {/if}

                        <div class="dropdown btn-group {:$auth->check('performance/percom/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                {foreach name="statusList" item="vo"}
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:" data-params="status={$key}"><i class="fa {if $key == 0}fa-eye{else /}fa-eye-slash{/if}"></i>{:__('Set status to ' . $key)}</a></li>
                                {/foreach}
                            </ul>
                        </div>

                        <!--<a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('performance/percom/recyclebin')?'':'hide'}" href="performance/percom/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>
                    -->
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('performance/percom/edit')}"
                           data-operate-del="{:$auth->check('performance/percom/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
